@charset 'utf-8';
section {
    .s_ltop {
        /*margin-left: 51px;*/
        margin: 0 auto;
        width: 900px;
        border-top: 1px solid #6db6ff;
        margin-top: 45px;
        margin-bottom: 54px;
        ul {
            li {
                float: left;
                a {
                    width: 100%;
                    height: 30px;
                    font-size: 16px;
                    color: #000000;
                }
            }
            li:nth-of-type(1) {
                width: 67px;
                height: 30px;
                background: #6db6ff;
                text-align: right;
                line-height: 30px;
                color: #ffffff;
                position: relative;
            }
            li:nth-of-type(1):after {
                display: block;
                content: "";
                position: absolute;
                right: -14px;
                top: 0;
                border-width: 15px 7px;
                border-style: solid;
                border-color: #6db6ff transparent transparent #6db6ff;
            }
            li:nth-of-type(2) {
                margin-left: 2px;
            }
            li~li {
                margin-top: 5px;
            }
        }
    }
    .s1 {
        /*margin-top: 54px;*/
        margin: 0 auto;
        text-align: center;
        p {
            /*margin-left: 384px;*/
            color: #000000;
            font-size: 18px;
            font-weight: bold;
        }
        p~p {
            /*margin-left: 356px;*/
            font-weight: bold;
            font-size: 10px;
            font-family: arial;
            text-transform: capitalize;
            margin-top: 5px;
            position: relative;
            &:after {
                content: "";
                display: block;
                position: absolute;
                right: 423px;
                top: 20px;
                width: 157px;
                height: 1px;
                background: #6db6ff;
            }
        }
    }
    .s2 {
        width: 751px;
        height: 38px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        margin-top: 24px;
        text-align: center;
        /*border-bottom: 1px solid #b6daff;*/
        border-top: 1px solid #b6daff;
        position: relative;
        &:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: #6bd6ff transparent transparent #6bd6ff;
        }
        &:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: #6bd6ff #6bd6ff transparent transparent;
        }
        .s01 {
            p {
                font-size: 16px;
                color: #000000;
                font-weight: bold;
                /*margin-left: 340px;*/
            }
            p+p {
                font-size: 9px;
                color: #000000;
                font-weight: bold;
                font-family: arial;
                /*margin-left: 315px;*/
                text-transform: uppercase;
            }
        }
    }
    .s3 {
        width: 751px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        text-align: center;
        p {
            font-size: 14px;
            font-weight: bold;
            /*margin-left: 280px;*/
            margin-top: 32px;
        }
        p+p {
            font-size: 12px;
            font-weight: normal;
            /*margin-left: 0;*/
            text-indent: 2em;
            margin-top: 17px;
            text-align: justify;
        }
        .sf {
            margin-top: 15px;
            width: 751px;
            height: 458px;
            background: url(../imgone/images/ss1_03.jpg);
            img {
                display: none;
            }
            &:hover>img {
                display: block;
            }
        }
    }
    .s4 {
        width: 751px;
        height: 38px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        text-align: center;
        margin-top: 24px;
        border-bottom: 1px solid #b6daff;
        /*border-top: 1px solid #b6daff;*/
        position: relative;
        &:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: transparent transparent #6bd6ff #6bd6ff;
        }
        &:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: transparent #6bd6ff #6bd6ff transparent;
        }
        .s01 {
            p {
                font-size: 16px;
                color: #000000;
                font-weight: bold;
                /*margin-left: 340px;*/
            }
            p+p {
                font-size: 9px;
                color: #000000;
                font-weight: bold;
                font-family: arial;
                /*margin-left: 315px;*/
                text-transform: uppercase;
            }
        }
    }
    .s5 {
        width: 755px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        text-align: center;
        p {
            font-size: 12px;
            margin-top: 26px;
            text-align: justify;
        }
        img {
            margin-top: 17px;
        }
    }
    .s6 {
        width: 751px;
        height: 38px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        text-align: center;
        margin-top: 24px;
        /*border-bottom: 1px solid #b6daff;*/
        border-top: 1px solid #b6daff;
        position: relative;
        &:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: #6bd6ff transparent transparent #6bd6ff;
        }
        &:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: #6bd6ff #6bd6ff transparent transparent;
        }
        .s01 {
            p {
                font-size: 16px;
                color: #000000;
                font-weight: bold;
                /*margin-left: 340px;*/
            }
            p+p {
                font-size: 9px;
                color: #000000;
                font-weight: bold;
                font-family: arial;
                /*margin-left: 315px;*/
                text-transform: uppercase;
            }
        }
    }
    .s7 {
        width: 751px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        text-align: center;
        p {
            font-size: 14px;
            font-weight: bold;
            /*margin-left: 280px;*/
            margin-top: 32px;
        }
        p+p {
            font-size: 12px;
            font-weight: normal;
            /*margin-left: 0;*/
            text-indent: 2em;
            margin-top: 17px;
            text-align: justify;
        }
        img {
            margin-top: 17px;
            width: 750px;
            height: 458px;
        }
    }
    .s8 {
        width: 751px;
        height: 38px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        text-align: center;
        margin-top: 24px;
        border-bottom: 1px solid #b6daff;
        /*border-top: 1px solid #b6daff;*/
        position: relative;
        &:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: transparent transparent #6bd6ff #6bd6ff;
        }
        &:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: transparent #6bd6ff #6bd6ff transparent;
        }
        .s01 {
            p {
                font-size: 16px;
                color: #000000;
                font-weight: bold;
                /*margin-left: 340px;*/
            }
            p+p {
                font-size: 9px;
                color: #000000;
                font-weight: bold;
                font-family: arial;
                /*margin-left: 315px;*/
                text-transform: uppercase;
            }
        }
    }
    .s9 {
        width: 755px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        p {
            font-size: 12px;
            margin-top: 32px;
            text-align: justify;
        }
        img {
            margin-top: 26px;
        }
    }
    .s10 {
        width: 751px;
        height: 38px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        text-align: center;
        margin-top: 24px;
        /*border-bottom: 1px solid #b6daff;*/
        border-top: 1px solid #b6daff;
        position: relative;
        &:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: #6bd6ff transparent transparent #6bd6ff;
        }
        &:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: #6bd6ff #6bd6ff transparent transparent;
        }
        .s01 {
            p {
                font-size: 16px;
                color: #000000;
                font-weight: bold;
                /*margin-left: 350px;*/
            }
            p+p {
                font-size: 9px;
                color: #000000;
                font-weight: bold;
                font-family: arial;
                /*margin-left: 330px;*/
                text-transform: uppercase;
            }
        }
    }
    .s11 {
        width: 751px;
        /*margin-left: 122px;*/
        text-align: center;
        margin: 0 auto;
        p {
            font-size: 14px;
            font-weight: bold;
            /*margin-left: 335px;*/
            /*margin-top: 32px;*/
            color: #393939;
        }
        p:nth-of-type(1) {
            margin-top: 16px;
        }
        p:nth-of-type(5) {
            font-size: 12px;
            font-weight: normal;
            /*margin-left: 0;*/
            text-indent: 2em;
            margin-top: 10px;
            color: #393939;
        }
        img {
            margin-top: 12px;
            width: 750px;
            height: 458px;
        }
    }
    .s12 {
        width: 751px;
        height: 38px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        text-align: center;
        margin-top: 24px;
        border-bottom: 1px solid #b6daff;
        /*border-top: 1px solid #b6daff;*/
        position: relative;
        &:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: transparent transparent #6bd6ff #6bd6ff;
        }
        &:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            border-width: 19px 8px;
            border-style: solid;
            border-color: transparent #6bd6ff #6bd6ff transparent;
        }
        .s01 {
            p {
                font-size: 16px;
                color: #393939;
                font-weight: bold;
                /*margin-left: 350px;*/
            }
            p+p {
                font-size: 9px;
                color: #393939;
                font-weight: bold;
                font-family: arial;
                /*margin-left: 330px;*/
                text-transform: uppercase;
            }
        }
    }
    .s13 {
        width: 751px;
        /*margin-left: 122px;*/
        margin: 0 auto;
        /*text-align: center;*/
        p {
            font-size: 14px;
            font-weight: bold;
            margin-left: 210px;
            /*margin-top: 32px;*/
            color: #393939;
            /*text-align: center;*/
        }
        p:nth-of-type(1) {
            margin-top: 22px;
        }
        img {
            margin-top: 16px;
            width: 750px;
            height: 458px;
        }
    }
    .s14 {
        /*margin-left: 400px;*/
        width: 165px;
        margin: 0 auto;
        margin-top: 22px;
        margin-bottom: 22px;
        /*text-align: center;*/
        ul {
            li {
                float: left;
                margin-right: 15px;
                a {
                    color: #444444;
                    font-size: 12px;
                    &:hover{
                        color: rgba(0,0,0,0.3);
                    }
                }
            }
        }
    }
}